
// 这些变量主要用于方便处理一些样式计算，如滚动条高度等


// 导航栏的高度
$header-height: 50px;
// 左边栏宽度
$aside-width: 170px;
// 主视图边距(距导航栏边距、左边栏边距、页面下边距、页面右边距)
$main-margin: 20px;
// 面包屑导航栏高度
$breadcrumbs-height: 40px;

// 常规的富文本展示宽度
$rich-view-width: 1000px;
// 一些页面视图的顶部标题栏高度
$top-title-height: 50px;

// 主视图宽度计算式
$main-view-width: calc(100vw - #{$main-margin} * 2 - #{$aside-width});
// 主视图高度计算式
$main-view-height: calc(100vh - #{$main-margin} * 2 - #{$header-height});
// 内层页面主视图高度
$child-view-height: calc(100vh - #{$breadcrumbs-height} - #{$main-margin} - #{$header-height});

:export {
  headerHeight: $header-height;
  asideWidth: $aside-width;
  mainMargin: $main-margin;
  breadcrumbsHeight: $breadcrumbs-height;
  richViewWidth: $rich-view-width;
  topTitleHeight: $top-title-height;
}
